<ion-view view-title="一个酒庄" ng-controller="homeCtr">
  <ion-content >
  <!-- 头部 -->
	<ion-nav-bar class="bar-energized">
	      <ion-nav-back-button>
	        <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
	      </ion-nav-back-button>
    </ion-nav-bar>
    <!--  banner -->
    <ion-slide-box class="box" auto-play="true" slide-interval="1000" does-continue="true">
	  <ion-slide>
	    <img src="img/box1.jpg" alt="">
	  </ion-slide>
	  <ion-slide>
	    <img src="img/box2.jpg" alt="">
	  </ion-slide>
	  <ion-slide >
	    <img src="img/box3.jpg" alt="">
	  </ion-slide>
	  <ion-slide >
	    <img src="img/box4.jpg" alt="">
	  </ion-slide>
	</ion-slide-box>
	<div class="menuDiv">
      <div class="row fontSizeCenter">
        <a class="col col-25" >
          <div class="eightColorImageFatherDiv menu1">
          </div>
          <h6 class="fontI">酒庄介绍</h6>
        </a>
        <a class="col col-25" >
          <div  class="eightColorImageFatherDiv menu2">
          </div>
          <h6 class="fontI">产品展示</h6>
        </a>
        <a class="col col-25" >
          <div class="eightColorImageFatherDiv menu3">
          </div>
          <h6 class="fontI">活动介绍</h6>
        </a>
        <a class="col col-25" >
          <div class="eightColorImageFatherDiv menu4">
          </div>
          <h6 class="fontI">专家讲坛</h6>
        </a>
      </div>
    </div>
	<!-- 商品展示 -->
	<div class="showPro">
		热销产品
	</div>
    <div class="list card">

	  <div class="item item-avatar">
	    <img src="img/hot.jpg">
	    <h2>某某商品</h2>
	    <p>产自撒哈拉沙漠</p>
	  </div>

	  <div class="item item-image">
	    <img src="img/pro.jpg">
	  </div>	  
	  <div class="item assertive" href="#">
	  	<span class="col-50 item-icon-left">
	  	  	<i class="icon ion-ios-wineglass"></i>	    	
	  	</span>
	  	<span class="col-50 item-icon-right ">
			<i class="icon ion-ios-cart"></i>
	    	
	  	</span>		
	  </div>
	</div>

	<div class="list card">

	  <div class="item item-avatar">
	    <img src="img/hot.jpg">
	    <h2>某某商品</h2>
	    <p>产自撒哈拉沙漠</p>
	  </div>

	  <div class="item item-image">
	    <img src="img/pro.jpg">
	  </div>	  
	  <div class="item assertive" href="#">
	  	<span class="col-50 item-icon-left">
	  	  	<i class="icon ion-ios-wineglass"></i>	    	
	  	</span>
	  	<span class="col-50 item-icon-right ">
			<i class="icon ion-ios-cart"></i>
	    	
	  	</span>		
	  </div>
	</div>

  </ion-content>
</ion-view>
